<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>aurora-Web</title>
	<%@ include file="/common/meta.jsp" %>
	<script src="${ctx}/js/jquery-1.6.1.min.js" type="text/javascript"></script>
	<script src="${ctx}/js/jmesa/jquery.jmesa.min.js" type="text/javascript"></script>
	<script src="${ctx}/js/jmesa/jmesa.min.js" type="text/javascript"></script>
	<link href="${ctx}/js/jmesa/jmesa.css" type="text/css" rel="stylesheet"/>
</head>

<body>
<div>
<%@ include file="/common/header.jsp" %>
<br>
name:${name}
<br>
locale:${pageContext.response.locale}
<br>
<fmt:message key="user.hi"/>
</div>

 <script type="text/javascript">
     jQuery(function($){
     //全选
       $("#btn1").click(function(){
          $("input[name='checkbox']").attr("checked","true");
       })
       //取消全选
       $("#btn2").click(function(){
        $("input[name='checkbox']").removeAttr("checked");
       })
       //选中所有基数
       $("#btn3").click(function(){
          $("input[name='checkbox']:even").attr("checked","true");
       })
       //选中所有偶数
       $("#btn6").click(function(){
          $("input[name='checkbox']:odd").attr("checked","true");
       })
        //反选
       $("#btn4").click(function(){
          $("input[name='checkbox']").each(function(){
            if($(this).attr("checked"))
            {
               $(this).removeAttr("checked");
            }
            else
            {
             $(this).attr("checked","true");  
            }
          
          })
       }) 
       //或许选择项的值
       var aa="";
       $("#btn5").click(function(){
              $("input[name='checkbox']:checkbox:checked").each(function(){
              aa+=$(this).val()
           
          }) 
          document.write(aa);
       })
        
     })
   </script>

  <form id="form1" runat="server">
    <div>
   <input type="button" id="btn1" value="全选">
   <input type="button" id="btn2" value="取消全选">
   <input type="button" id="btn3" value="选中所有奇数">
     <input type="button" id="btn6" value="选中所有偶数">
   <input type="button" id="btn4" value="反选">
   <input type="button" id="btn5" value="获得选中的所有值">
   <br>
   <input type="checkbox" name="checkbox" value="checkbox1">
   checkbox1
   <input type="checkbox" name="checkbox" value="checkbox2">
   checkbox2
   <input type="checkbox" name="checkbox" value="checkbox3">
   checkbox3
   <input type="checkbox" name="checkbox" value="checkbox4">
   checkbox4
   <input type="checkbox" name="checkbox" value="checkbox5">
   checkbox5
   <input type="checkbox" name="checkbox" value="checkbox6">
   checkbox6
   <input type="checkbox" name="checkbox" value="checkbox7">
   checkbox7
   <input type="checkbox" name="checkbox" value="checkbox8">
 checkbox8
    </div>
    </form>
 
<%@ include file="/common/footer.jsp" %>
</div>
</body>
</html>
